<template>
	<view class="new-users copy-data">
		<view class="mid" style="flex:1;overflow: hidden;">
		
	


			<view class="img"></view>
			
			<view class="text_box">
				<view class="text_1">提现申请已提交</view>
				<view class="text_1">100USDT</view>	
			</view>

			<view class="getAddress">
				<view class="address_detail">提取地址</view>
				<view class="address_detail">12222222222</view>
			</view>
					
			<view class="under_btn">
				<button type="default" size="default" style="width: 140px;height: 50px;line-height: 50px;border: 1px solid #ccc;" @click="success">查看详情</button>
			</view>
			
			<view class="under_btn">
				<button type="default" size="default" style="width: 140px;height: 50px;line-height: 50px;border: 1px solid #ccc;" @click="back">返回</button>
			</view>
		
		</view>

	</view>
</template>
<script>
	let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
	import Cache from '@/utils/cache';
	import {
		BACK_URL
	} from '@/config/cache';
	import {
		getMenuList
	} from '@/api/user.js';
	import {
		orderData
	} from '@/api/order.js';
	import {
		toLogin
	} from '@/libs/login.js';
	import {
		getCity
	} from '@/api/api.js';
	import {
		mapGetters
	} from "vuex";
	// #ifdef H5

	import Auth from '@/libs/wechat';
	// #endif
	// #ifdef MP
	import authorize from '@/components/Authorize';
	// #endif
	const app = getApp();
	export default {
		components: {
			// #ifdef MP
			authorize
			// #endif
		},
		computed: mapGetters(['isLogin', 'chatUrl', 'userInfo', 'uid']),
		data() {
			return {
				showType:null,
				orderMenu: [{
						img: '/static/images/order1.png',
						title: this.$t('user.my-product'),
						url: '/pages/users/order_list/index?status=0',
						num: 0
					},
					{
						img: '/static/images/order2.png',
						title: '我的买单',
						url: '/pages/users/order_list/index?status=1',
						num: 0
					},
					{
						img: '/static/images/order3.png',
						title: '我的卖单',
						url: '/pages/users/order_list/index?status=2',
						num: 0
					},

				],
				activeTxt: 1,
				
				sysHeight: sysHeight,
				// #ifdef MP
				pageHeight: '100%',
				// #endif
				// #ifdef H5
				pageHeight: app.globalData.windowHeight,
				// #endif
				// #ifdef H5
				isWeixin: Auth.isWeixin(),
				//#endif
				keyword: '',
				orderStatus: 5, //订单状态
				page: 1,
				limit: 20,
				inputValue:''
				
			}
		},
		onLoad(e) {
			let that = this;
			
			this.showType = e.type
			

		},
		onShow: function() {
			let that = this;
			
			// 		uni.getSystemInfo({
			// 			success: function(res) {
			// 				that.pageHeight = res.windowHeight + 'px'
			// 			}
			// 		});

		},
		methods: {
			success(){
				uni.redirectTo({
					url:'/pages/my_team/team_application/team_info_list/list'
				})
			},
			back(){
				uni.navigateBack()
			}
			}
	}
</script>

<style lang="scss" scoped>
	page,
	body {
		height: 100%;
	}
	.address{
		display: flex;
		justify-content: space-between;
	}
	.mail{
		margin: 30px 0 10px;
	}
.my-order .nav {
		background-color: #fff;
		// width: 690rpx;
		// height: 140rpx;
		border-radius: 14rpx;
		// margin: -60rpx auto 0 auto;
	}

	.my-order .nav .item {
		text-align: center;
		// font-size: 26rpx;
		color: #282828;
		padding: 26rpx 0;
	}

	.my-order .nav .item.on {
		// font-weight: bold;
		// border-bottom: 5rpx solid #e93323;
		/* #ifdef H5 || MP */
		font-weight: bold;
		/* #endif */
		border-bottom: 5rpx solid $theme-color;
	}

	.my-order .nav .item .num {
		margin-top: 18rpx;
	}
	.img{
		background: aqua;
		height: 150px;
		width: 150px;
		margin:30px auto;
	}
	.text_box{
		display: flex;
		align-items: center;
		flex-direction: column;
		// margin: 0 auto;
		.text_1{
			font-size: 30px;font-weight: bold;
			padding: 10px 0;
		}
	}
	.getAddress{
		display: flex;
		align-items: center;
		padding: 30px;
		.address_detail{
			font-size: 20;font-weight: bold;
		}
	}
	.under_btn{
		display: flex;
		justify-content: center;
		margin-top: 45px;
	}
	.bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 420rpx;
		background-image: url('~@/static/images/user_bg.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;


	

	
	

	
		.head {
		
			// background: linear-gradient(360deg, rgba(255, 121, 49, 0) 0%, rgba(248, 74, 29, 0.82) 39%, #E93323 100%);
			// padding: 0 30rpx;

		

			.order-wrapper {
				background-color: #fff;
				border-radius: 14rpx;
				padding: 20rpx;
				margin: 15px 0 0;

				// position: relative;
				// z-index: 11;
				.uni-column {
					display: flex;

				}

			}
			

			.team_txt {
				padding: 20px 10px 0;
				display: flex;
				font-size: 24px;
				font-weight: bold;

				.team {
					margin-right: 25px;
				}

				.fifter {
					opacity: 0.5;
				}
			}
			
			.team-wrapper {
				background-color: #fff;
				// border-radius: 14rpx;
				padding: 0 16rpx 16rpx;
				margin: 10px 0;

				.team_top {
					display: flex;
					flex-direction: column;
					justify-content: start;
					padding: 15px 0 0;

					.top_box {
						display: flex;

						.img {
							background-color: aqua;
							width: 35px;
							height: 35px;
							margin-right: 10px;
						}
					}
					
					
					.flex_top {
						display: flex;
						justify-content: space-between;
						width: 100%;
						align-items: center;
						border-top: 1px solid #ccc;
						// padding-bottom: 15px;
						.cash {
							font-weight: bold;
							padding: 10px 0 5px
						}

						.info_detail {
							color: #aaa;
						}
					}

					.cash_num {
						padding: 10px;

						.price {
							margin-bottom: 14px;
							font-weight: bold;
							font-size: 18px;
						}
					}



				}
			}
		}
	
		.slider-wrapper {
			margin: 20rpx 0;
			height: 138rpx;

			swiper,
			swiper-item {
				height: 100%;
			}

			image {
				width: 100%;
				height: 100%;
			}
		}

		.user-menus {
			background-color: #fff;
			border-radius: 14rpx;

			.menu-title {
				padding: 30rpx 30rpx 40rpx;
				font-size: 30rpx;
				color: #282828;
				font-weight: 600;
			}

			.list-box {
				display: flex;
				flex-wrap: wrap;
				padding: 0;
			}

			.item {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-direction: column;
				width: 25%;
				margin-bottom: 47rpx;
				font-size: 26rpx;
				color: #333333;

				image {
					width: 52rpx;
					height: 52rpx;
					margin-bottom: 18rpx;
				}


				&:last-child::before {
					display: none;
				}
			}

			button {
				font-size: 28rpx;
			}
		}

		.phone {
			color: #fff;
		}

		.order-status-num {

			min-width: 12rpx;
			background-color: #fff;
			color: #ee5a52;
			border-radius: 15px;
			position: absolute;
			right: -14rpx;
			top: -15rpx;
			font-size: 20rpx;
			padding: 0 8rpx;
			border: 1px solid #ee5a52;
		}
	}
</style>